<template>
  <van-tabbar route placeholder v-model="active" active-color="#b261cf">
    <van-tabbar-item name="home" to="/main/home" icon="home-o">首页</van-tabbar-item>
    <van-tabbar-item name="news" to="/news" icon="add-o">创建</van-tabbar-item>
    <van-tabbar-item name="personal" to="/main/personal" icon="user-o">个人</van-tabbar-item>
  </van-tabbar>
</template>

<script>
import {Tabbar, TabbarItem, Icon} from "vant";

export default {
  name: "MyTabbar",
  components: {
    [Tabbar.name]: Tabbar,
    [TabbarItem.name]: TabbarItem,
    [Icon.name]: Icon
  },
  data(){
    return {
      active: "home"
    }
  }
}
</script>

<style scoped>

</style>
